<template>
  <div>
    <div id="model-title">
        <div id="model-title-line"></div>
        <div id="model-title-text">
            <slot></slot>
        </div>
    </div>
    <el-divider class="line"></el-divider>
  </div>
</template>

<script>
export default {

}
</script>

<style>
    #model-title{
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
    }
    #model-title-line{
        width: 6px;
        height: 22px;
        background: #2984F8;
        border-radius: 10px;
        margin-left: 10px;
    }
    #model-title-text{
        margin-left: 10px;
        font-size: 18px;
    }
    .line{
        margin-top: 0px;
        height: 0.5px;
        background: rgba(153, 240, 251, 0.489);
    }
</style>